<!DOCTYPE html>
<html>
<head>
    {include file="common/meta" /}
    <link href="__CDN__/assets/css/user.css?v={$Think.config.site.version}" rel="stylesheet">

</head>

<body>

<main class="content">

    <link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
    <script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
    <script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>

    <style>

        body {background: #ffffff;padding: 0px}

        main.content {
            padding: 0px 0;
        }

        .el-row {
            margin: 2px;
        }

        #configIndex {
            background: #ffffff;
            border-radius: 1px 1px 0px 0px;
            color: #444;
            font-weight: 400;
        }

        .custom-body {
            padding: 1px 1px 0;
        }

        .tip-container {
            padding: 0 5px;
        }

        .config-item {
            width: 100%;
            height: 70px;
            border-radius: 5px;
            padding: 0 6px 6px;
            margin-bottom: 10px;
            display: flex;
            align-items: stretch;
            color: #fff;
            justify-content: space-between;
        }

        .config-title {
            font-size: 16px;
            margin-top: 10px;
        }

        .apptitle {
            width: 100%;
            height: 40px;
            font-size: 16px;
            background: #444;
            font-weight: 400;
            color: #fff;
            text-align: center;
            padding-top: 8px;
        }

        .itemtitle {
            font-size: 13px;
            padding-top: 13px;
            padding-left: 5px;
        }

        .title {
            font-size: 18px;
            margin: 5px;
            font-weight: 400;
        }

        .config-tip {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.8);
            margin-top: 6px;
        }

        .config-item {
            cursor: pointer;
            transition: all 0.2s;
        }

        .config-item:hover {
            transform: scale(1.05);
            filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.1));
        }

        [v-cloak] {
            display: none
        }
    </style>

    <div id="configIndex" v-cloak>

        <div class="custom-body">
            <div class="apptitle">所有产线汇总</div>
            <el-row>
                <el-col :span="3">
                    <div class="itemtitle">角色:</div>
                </el-col>
                <el-col :span="6">
                    <el-select v-model="value_role" placeholder="角色">
                        <el-option
                                v-for="item in options_role"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-col>

                <el-col :span="3">
                    <div class="itemtitle">厂别:</div>
                </el-col>
                <el-col :span="6">
                    <el-select v-model="value_factory" placeholder="厂别">
                        <el-option
                                v-for="item in options_factory"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-col>

                <el-col :span="6" v-show="false">
                    <el-select v-model="value_brand" placeholder="品牌">
                        <el-option
                                v-for="item in options_brand"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-col>

                <el-col :span="6" v-show="false">
                    <el-select v-model="value_sn" placeholder="产线">
                        <el-option
                                v-for="item in options_sn"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-col>

                <el-col :span="6" v-show="false">
                    <el-select v-model="value_type" placeholder="类型">
                        <el-option
                                v-for="item in options_type"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-col>

                <el-col :span="3" style="width:10%;padding-left: 1px">
                    <el-button type="primary" icon="el-icon-search" @click="dosearch()">查询</el-button>
                </el-col>

            </el-row>

            <el-row>
                <el-col :span="3">
                    <div class="itemtitle">日期:</div>
                </el-col>
                <el-col :span="9">
                    <el-date-picker
                            v-model="value_riqi_start"
                            type="date"
                            placeholder="开始日期">
                    </el-date-picker>
                </el-col>
                <el-col :span="3">
                    <div class="itemtitle">&nbsp&nbsp&nbsp  ~</div>
                </el-col>
                <el-col :span="9">
                    <el-date-picker
                            v-model="value_riqi_end"
                            type="date"
                            placeholder="结束日期">
                    </el-date-picker>
                </el-col>

            </el-row>

            <el-divider ></el-divider>

            <div id="echart1" style="height:250px;margin: 5px" ></div>
            <el-divider></el-divider>
            <div id="echart10" style="height:250px;margin: 5px"></div>

            <el-divider></el-divider>

            <div id="echart3" style="height:250px;margin: 5px"></div>

            <div id="echart4" style="height:250px;margin: 5px" v-show="false"></div>
            
            <div id="echart6" style="height:450px;margin: 5px" v-show="false"></div>

            <div id="echart2" style="height:250px;margin: 5px" v-show="false"></div>
            <div id="echart12" style="height:250px;margin: 5px" v-show="false"></div>


            <el-divider></el-divider>
            <div id="echart13" style="height:250px;margin: 5px"></div>
            <el-divider></el-divider>
            <div id="echart14" style="height:250px;margin: 5px"></div>


        </div>
    </div>

</main>

{include file="common/script" /}

</body>

</html>